﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ExtLogin.aspx.cs" Inherits="BG.Web.Admin.ExtLogin" %>
<%@ Register assembly="Ext.Net" namespace="Ext.Net" tagprefix="ext" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login - Expro</title>    
    <style type="text/css">
        body { background:#fff none; color:#000; font-family:verdana,tahoma,arial,verdana,sans-serif; font-size:11px; margin:0; }
        p { margin:12px 0; }
        a { color:#ffcc33; }
        img { border:none; }
        input, textarea { font-family:verdana,tahoma,arial,verdana,sans-serif; font-size:12px; padding:3px; }
        .key { text-decoration:underline; }
        .qo-abs-position { position:absolute; }
        #qo-panel { background:transparent url(Ext/resources/images/bg-panel.jpg) no-repeat; height:521px; left:50%; margin-left:-404px; margin-top:-260px; position:absolute; top:50%; width:808px; }
        .qo-logo { background:transparent url(Ext/resources/images/logo-qwikioffice.png) no-repeat; height:130px; left:0px; top:0px; width:420px; }
        .qo-benefits { left:52px; top:140px; width:300px; }
        .qo-screenshot { background:transparent url(Ext/resources/images/screenshot.png) no-repeat; height:190px; left:37px; top:245px; width:329px; }
        .qo-extjs-logo { background:transparent url(Ext/resources/images/logo-extjs.gif) no-repeat; height:18px; left:52px; top:469px; width:85px;}
        .qo-library { left:54px; top:489px; }
        .qo-library a { color:#0000ff; }
        .qo-supported { color:#ffffff; left:618px; top:45px; }
        .qo-back-link { left:627px; top:478px; }
        .qo-signup-link { left:495px; top:478px; }
        .qo-signup-link a, .qo-forgot-link a, .qo-back-link a { color:#000; }
        .qo-forgot-link { left:625px; top:478px; }
        #field1-label { left:410px; top:300px; }
        #field1 { left:540px; top:298px; width:200px; }
        #field2-label { left:410px; top:335px; }
        #field2 { left:540px; top:333px; width:200px; }
        #field3-label { left:430px; top:300px; }
        #field3 { left:550px; top:298px; width:200px; }
        .qo-submit { background:transparent url(Ext/resources/images/login.gif) no-repeat 0 0; height:22px; left:705px; top:373px; width:43px; }
        .qo-submit-over { background:transparent url(Ext/resources/images/login.gif) no-repeat 0 -38px; height:22px; left:705px; top:373px; width:43px; }
        .winLogin{background:url(Ext/resources/images/bg-panel.jpg) no-repeat;}
    </style>
</head>
<body>
    <ext:ResourceManager ID="ResourceManager1" runat="server" />
    <script src="/ext/Kwan.Base.js" type="text/javascript"></script>
    <ext:Window ID="LoginWindow" runat="server" Closable="false" Resizable="false" Height="521" Header="false" Width="808" Modal="true" Layout="Fit" BodyBorder="false" Padding="5" Draggable="False" BaseCls="winLogin">      
        <Items>
            <ext:Container Layout="Column">
            <Items>
            <ext:Container ColumnWidth=".5" Layout="FitLayout">
            <Content>
                <img alt="" src="Ext/resources/images/s.gif" class="qo-logo qo-abs-position" />
	            <div class="qo-benefits qo-abs-position">
		            <p>非管理员勿闯！</p>
		            <p>如发现任何违法活动，立即报警！</p>
	            </div>
	            <img alt="" src="Ext/resources/images/s.gif" class="qo-screenshot qo-abs-position" />
	            <%--<span class="qo-supported qo-abs-position">
		            <b>系统支持</b><br />
		            <a href="http://www.mozilla.org/download.html" target="_blank">Firefox 2+</a><br />
		            <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" target="_blank">Internet Explorer 7+</a><br />
		            <a href="http://www.opera.com/download/" target="_blank">Opera 9+</a><br />
		            <a href="http://www.apple.com/safari/download/" target="_blank">Safari 2+</a>
	            </span>--%>
                <a href="http://www.yj-star.com/" target="_blank"><img alt="" src="Ext/resources/images/s.gif" class="qo-extjs-logo qo-abs-position" /></a>
	            <span class="qo-library qo-abs-position">
	               Design by <a href="http://www.yj-star.com/" target="_blank">Star Technology</a>.
	            </span>
            </Content>
            </ext:Container>
            <ext:Container ColumnWidth=".5" Layout="FitLayout">
            <Items>
            <ext:FormPanel ID="FormPanel1" MonitorValid="true" runat="server" FormID="form1" Border="false" Layout="form" BodyBorder="false" BodyStyle="background:transparent;top:300px;" LabelWidth="70" Width="300" Height="100" >
                <Items>
                    <ext:TextField ID="txtUsername" runat="server" FieldLabel="ID" AllowBlank="false" BlankText="用户名不能为空" Width="200" />
                    <ext:TextField ID="txtPassword" runat="server" InputType="Password" FieldLabel="密码" AllowBlank="false" BlankText="密码不能为空" Width="200" />
                    <ext:Container runat="server" Hidden="true" Layout="Column" Height="23" FieldLabel="验证码">
                    <Items>
                    <ext:Container runat="server" Layout="Column" ColumnWidth=".5">
                    <Items>
                        <ext:TextField ID="txtCode" runat="server" MaxLength="4" Width="80" />
                        <ext:Label Width="5" runat="server" />
                        <ext:Image ID="btnVerify" Width="50" runat="server">
                            <DirectEvents>
                                <Click OnEvent="btnVerify_Click" />
                            </DirectEvents>
                        </ext:Image>
                    </Items>
                    </ext:Container>
                    </Items>
                    </ext:Container>
                    <ext:Container runat="server" Layout="Column" Height="30">
                    <Items>
                    <ext:Container Width="80" />
                    <ext:Checkbox ID="txtRemember" runat="server" BoxLabel="自动登录" />
                    <ext:Container Width="20" />
                    <ext:Button ID="btnLogin" runat="server" Text="登录" Icon="Accept" Width="100" Height="30">
                        <DirectEvents>
                            <Click OnEvent="btnLogin_Click" Timeout="60000" FormID="form1" CleanRequest="true" Method="POST" Before="Ext.Msg.wait('验证中...', '登录');" Failure="document.write(response.responseText);" />
                        </DirectEvents>
                    </ext:Button>
                    </Items>
                    </ext:Container>
                </Items>
                <Listeners>
                    <ClientValidation Handler="#{btnLogin}.setDisabled(!valid);" />
                </Listeners>
            </ext:FormPanel>
            </Items>
            </ext:Container>
            </Items>
            </ext:Container>
        </Items>
        <KeyMap>
            <ext:KeyBinding>
                <Keys>
                    <ext:Key Code="ENTER" />
                </Keys>
                <Listeners>
                    <Event Handler="#{btnLogin}.fireEvent('click');" />
                </Listeners>
            </ext:KeyBinding>
        </KeyMap>
    </ext:Window>
</body>
</html>